<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据采集</title>
    <link rel="stylesheet" href="../assets/css/style.css">
    <link rel="stylesheet" href="../assets/css/stylenum.css">
    <link rel="stylesheet" href="../assets/css/jquery.treeview.css"/>
    <link rel="stylesheet" href="../assets/css/BeatPicker.min.css"/>
    <script type="text/javascript" src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/jquery.treeview.js" type="text/javascript"></script>
    <script src="../assets/js/BeatPicker.min.js"></script>
    <script src="../assets/js/hdw.js"></script>
    <script type="text/javascript">
        var selectobj = 1;
        $(function () {
            $("option:even").css("background", "#f7fbfc");
            $("option:odd").css("background", "#fff");
            $("#select1").focus(function () {
                selectobj = 1;
            });
            $("#select2").focus(function () {
                selectobj = 2;
            });
        });
        function move(to) {
            var list = document.getElementById("select" + selectobj);
            var index = list.selectedIndex;
            var total = list.options.length - 1;
            if (index == -1) return false;
            if (to == +1 && index == total) return false;
            if (to == -1 && index == 0) return false;
            var items = new Array;
            var values = new Array;
            for (i = total; i >= 0; i--) {
                items[i] = list.options[i].text;
                values[i] = list.options[i].value;
            }
            for (i = total; i >= 0; i--) {
                if (index == i) {
                    list.options[i + to] = new Option(items[i], values[i + to], 0, 1);
                    list.options[i] = new Option(items[i + to], values[i]);
                    i--;
                }
                else {
                    list.options[i] = new Option(items[i], values[i]);
                }
            }
            list.focus();
        }
    </script>
    <script type="text/javascript">
        function formReset() {
            document.getElementById("myform").reset()
        }
        function selectall() {
            var userids = document.getElementById("select" + selectobj);
            var op = userids.getElementsByTagName("option");
            for (var i = 0; i < op.length; i++) {
                if (op[i].selected == false) {
                    op[i].selected = true;
                }
            }
        }
    </script>
</head>
<body>
<!--黑幕-->
<div id="darkdiv">

</div>

<div class="jg-title">
    <img src="../assets/img/titlebg.jpg"><span style="font-weight: 100;">设置显示的指标</span>
</div>
<div class="c5-main mt5">
    <form id="myform" name="form">
        <div class="content">
            <div class="c5-main-top">
                <span>可选报表：</span><label>201-1 法人单位基本情况</label><br>
            </div>
            <div class="c5-main-top">
                <span>可选指标：</span><input type="text">
                <button type="button" class="jg-btn" onclick="searchPlace();">定位</button>
            </div>

            <select multiple="multiple" id="select1" name="list">
                <option value="1">战新产业分类标识[CJCL.C2016_000000_201_1_1,B100]</option>
                <option value="2">B91:是否为成本费用调查单位[CJCL.C2016_000000_201_1_1,B91]</option>
                <option value="3">报告期[CJCL.C2016_000000_201_1_1,BGQ]</option>
                <option value="4">是否工业企业战略性新兴产业总产值表的填报单位[CJCL.C2016_000000_201_1_1,B92]</option>
                <option value="5">调查对象系统码[CJCL.C2016_000000_201_1_1,DCDXXTM]</option>
                <option value="6">组织机构代码[CJCL.C2016_000000_201_1_1,ZZJGDM]</option>
                <option value="7">统计机构[CJCL.C2016_000000_201_1_1,TJJG]</option>
                <option value="8">统计机构级别[CJCL.C2016_000000_201_1_1,TJJGJB]</option>
                <option value="9">组织机构代码[CJCL.C2016_000000_201_1_1,B101]</option>
                <option value="10">单位详细名称[CJCL.C2016_000000_201_1_1,B102]</option>
                <option value="11">统一社会信用代码[CJCL.C2016_000000_201_1_1,B109]</option>
                <option value="12">行业代码[CJCL.C2016_000000_201_1_1,B103B]</option>
                <option value="13">主要业务活动（或主要产品）一[CJCL.C2016_000000_201_1_1,B1031B]</option>
                <option value="14">主要业务活动（或主要产品）二[CJCL.C2016_000000_201_1_1,B1032B]</option>
                <option value="15">主要业务活动（或主要产品）三[CJCL.C2016_000000_201_1_1,B1033B]</option>
                <option value="16">报表类别[CJCL.C2016_000000_201_1_1,B104]</option>
                <option value="17">单位所在地区划代码[CJCL.C2016_000000_201_1_1,B015]</option>
                <option value="18">城乡代码[CJCL.C2016_000000_201_1_1,B0151]</option>
                <option value="19">所在地单位所在地地址（省）[CJCL.C2016_000000_201_1_1,B0152]</option>
            </select>

        </div>
        <div class="fl c5-main-mid">
            <span id="add"><img src="../assets/img/btn-right.jpg"></span> <span id="remove"><img
                src="../assets/img/btn-left.jpg"></span>
            <span onclick="selectall();">全选</span>
            <span onclick="formReset();">清空</span>
            <span onClick="move(-1)">上移</span>
            <span onClick="move(+1)">下移</span>
        </div>
        <div class="content">
            <div class="c5-main-top2" name="list2">
                <span>已选指标(<label>0</label>)</span>
            </div>
            <select multiple="multiple" id="select2">

            </select>


        </div>
    </form>

</div>
<div class="jg-bottom-btn" style="text-align: center;">
    <button type="button" class="jg-btn-ok" style="width: 67px;height: 27px;vertical-align: middle"></button>
    <button type="button" class="tj-btn-false2" style="width: 67px;height: 27px;vertical-align: middle;"></button>
</div>
<script type="text/javascript">
    var changetext = 0;
    var result = 0;
    $(document).ready(function () {

        $(".JS_shgxtab .tj-shgx-tabname").click(function () {
            $(".JS_shgxtab .tj-active").removeClass("tj-active");
            $(this).addClass("tj-active");
            $(".JS_shgxpanel .tj-shgx-panel").addClass("undis");
            $(".JS_shgxpanel .tj-shgx-panel")[$(this).index()].className = "tj-shgx-panel";
        });
        $(".JS_shgxtab2 .tj-shgx-tabname").click(function () {
            $(".JS_shgxtab2 .tj-active").removeClass("tj-active");
            $(this).addClass("tj-active");
            $(".JS_shgxpanel2 .tj-pinner-panel").addClass("undis");
            $(".JS_shgxpanel2 .tj-pinner-panel")[$(this).index()].className = "tj-pinner-panel";
        });
    });
    function showup() {
        document.getElementById("jg-table-up").style.display = "block";
        document.getElementById("jg-table-down").style.display = "none";
        $(".jg-table-trhid").removeClass("undis");
    }
    function showdown() {
        document.getElementById("jg-table-up").style.display = "none";
        document.getElementById("jg-table-down").style.display = "block";
        $(".jg-table-trhid").addClass("undis");
    }
    function searchPlace() {
        $("#select1").addClass("active");
    }
</script>
</body>
</html>